<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../css/product.css">
</head>
<body>
<header id="head">
                    <div class="pig">
                                        <img src="../images/header_logo.png" alt="">
                    </div>
                    <div class="pig2">
                                        <img src="../images/header_app.png" alt="">
                    </div>
                    </header>
<!-- main -->
<main>
                    <!-- search -->
                    <div id="search">
                    <div class="insear">
                                        <input type="text" placeholder="请输入你想比价的商品">
                    </div>
                    <button>搜索</button>
                    </div> 
                    <!-- nav -->
                    <nav>
                                        <a href="../html/category.html" id="home">首页></a>
                                        <a href="../html/detail.html" class="one">电视></a>
                                        <a href="" class="content">乐视</a>
                                        <a href="">筛选</a>
                    </nav>
                    <!-- 渲染部分 -->
                    <div id="ran">
                          <div class="info">
                               <div class="pic">
                                     <img src="" alt="">
                               </div>
                               <div class="title">
                                        productName
                               </div>
                               <div class="count">
                                        <div class="row">
                                            <div class="col-1">
                                                <span>当前最低</span> 
                                                <span>￥6000</span>           
                                            </div>
                                            <div class="col-1">
                                                <span>优选评论</span> 
                                                <span>8266条</span>           
                                             </div>                   
                                        </div>
                               </div>
                           </div>   
                       <!--    <div class="makeprice">
                                        <table>
                                              <tbody>
                                                     <tr>
                                                            <td>
                                                               <a href="">
                                                                  <img src="" alt="">
                                                               </a>
                                                            </td>
                                                            <td>
                                                                 <a href="">京东商城</a>
                                                            </td>
                                                            <td>
                                                              ￥2990.00
                                                            </td>
                                                            <td>
                                                               <span>去购买</span>
                                                            </td>
                                                     </tr>
                                              </tbody>
                                        </table>
                          </div>   -->     
                    </div>
                    <h4>网友评价</h4>
                    <div class="comment">
                                        <!-- 
                                        <div class="commentcont">
                                            <div class="top">
                                                <span>j***r</span>
                                                <span>2014/11/23</span>
                                            </div>
                                            <div class="mid">
                                                
                                            </div>
                                            <div class="bot">
                                                <span>购买自：京东商城</span>
                                            </div>
                                        </div> -->
                          </div> 
</main>
<!-- footer -->
<footer>
                    <div class="top">
                        <a href="">更多优惠信息>>></a>
                    </div>
                    <div class="mid">
                        <span>品牌排行</span>
                        <a href="">
                        <img src="../images/more.png" alt="">
                        </a>
                    </div>
                    <div class="bot">
                        <div class="content">
                        <div>登入</div>
                        <div>注册</div>
                        <div>返回顶部</div>
                        </div>
                        <dib class="content2">
                            <p>
                                <a href="">手机APP下载</a>
                                <a href="">万锋智慧商城手机版</a>
                                --掌上比价平台
                            </p>
                            <p>chst.vip:8081/crm</p>
                        </dib>
                    </div>
 </footer>


</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="../js/product.js"></script>
</html>